import React, { useState, useEffect } from 'react';
import request from "../../utils/requests";
import "./pudlic.css";
import "./myorder.css";
import { Button, Radio } from 'antd';
import { MinusOutlined, PlusOutlined } from '@ant-design/icons';

export default function Order() {
  return (
    <div className="Bott">
      <div className="wrapper clearfix">
        <div className="you fl">
          <div className="my clearfix">
            <h2 className="fl">我的订单</h2>
            <a href="#" className="fl">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a>
          </div>
          <div className="dlist clearfix">
						<ul className="fl clearfix" id="wa">
							<li className="on"><a href="#2">全部有效订单</a></li>
							<li><a href="#2">待支付</a></li>
							<li><a href="#2l">待收货</a></li>
							<li><a href="#2">已关闭</a></li>
						</ul>
						<form action="#" method="get" class="fr clearfix">
							<input type="text" name="" id="" value="" placeholder="请输入商品名称、订单号"/>
							<input type="button" name="" id="" value=""/>
						</form>
					</div>
          <div className="dkuang">
            <p className="one">已收货</p>
            <div className="word clearfix">
              <ul className="fl clearfix">
                <li>2016年12月1日 18:53</li>
                <li>杨小黄</li>
                <li>订单号:5160513358520018</li>
                <li>在线支付</li>
              </ul>
              <p className="fr">订单金额：<span>99.00</span>元</p>
            </div>
            <div className="shohou clearfix">
              <a href="#" className="fl"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/g1.jpg" /></a>
              <p className="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>
              <p className="fr">
                <a href="myprod.html">待评价</a>
                <a href="orderxq.html">订单详情</a>
              </p>
            </div>
          </div>
          <div className="dkuang clearfix deng">
            <p className="one fl">待收货</p>
            <div className="clearfix">
              <div className="fl vewwl">
                <a href="wuliu.html" className="ckwl">查看物流</a>
                <div className="wuliu">
                  <h4>圆通速递：858888888888888</h4>
                  <ul>
                    <li>
                      <p>妥投投递并签收，已签收。签收人：本人签收</p>
                      <p>2016-12-03 17:30:00</p>
                    </li>
                    <li>
                      <p>深圳市南油速递营销部安排投递（投递员姓名：六六六。联系电话：14243452522;</p>
                      <p>2016-12-03 08:50:00</p>
                    </li>
                    <li>
                      <p>到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）</p>
                      <p>2016-12-03 02:20:00</p>
                    </li>
                    <li>以上为最新跟踪信息<a href="wuliu.html">查看全部</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div className="word clearfix">
              <ul className="fl clearfix">
                <li>2016年12月1日 18:53</li>
                <li>杨小黄</li>
                <li>订单号:5160513358520018</li>
                <li>在线支付</li>
              </ul>
              <p className="fr">订单金额：<span>99.00</span>元</p>
            </div>
            <div className="shohou clearfix">
              <a href="#" className="fl"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/g1.jpg" /></a>
              <p className="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>
              <p className="fr">
                <a href="#">确认收货</a>
                <a href="orderxq.html">订单详情</a>
              </p>
            </div>
          </div>
          <div className="dkuang deng">
            <p className="one">待支付</p>
            <div className="word clearfix">
              <ul className="fl clearfix">
                <li>2016年12月1日 18:53</li>
                <li>杨小黄</li>
                <li>订单号:5160513358520018</li>
                <li>在线支付</li>
              </ul>
              <p className="fr">订单金额：<span>99.00</span>元</p>
            </div>
            <div className="shohou clearfix">
              <a href="#" className="fl"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/g1.jpg" /></a>
              <p className="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>
              <p className="fr">
                <a href="#">立即支付</a>
                <a href="orderxq.html">订单详情</a>
              </p>
            </div>
          </div>
          <div className="dkuang">
            <p className="one">已关闭</p>
            <div className="word clearfix">
              <ul className="fl clearfix">
                <li>2016年12月1日 18:53</li>
                <li>杨小黄</li>
                <li>订单号:5160513358520018</li>
                <li>在线支付</li>
              </ul>
              <p className="fr">订单金额：<span>99.00</span>元</p>
            </div>
            <div className="shohou clearfix">
              <a href="#" className="fl"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/g1.jpg" /></a>
              <p className="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>
              <p className="fr">
                <a href="#">交易失败</a>
                <a href="orderxq.html">订单详情</a>
              </p>
            </div>
          </div>
          <div className="fenye clearfix">
            <a href="#"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/zuo.jpg" /></a>
            <a href="#">1</a>
            <a href="#"><img src="http://demo.mxyhn.xyz:8020/cssthemes6/2.08ZF01/img/you.jpg" /></a>
          </div>
        </div>
      </div>
    </div>
  );
}